<!--
 * @Author: your name
 * @Date: 2021-03-25 09:07:37
 * @LastEditTime: 2021-11-02 10:44:30
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \tiny-heart-master\birthday-mobile\Memories.html
-->
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no"
    />
    <title>武小馨</title>
    <link rel="stylesheet" href="css/jquery.fullPage.css" />
    <link rel="stylesheet" href="css/memories.css" />
    <style>

      .txt14fsly{
        font-size: 20px !important;
        font-weight: 666 !important;
      }
    </style>
  </head>

  <body>
    <!-- 背景音乐 -->
    <div style="display: none">
      <!-- 网易云外链 -->
      <iframe
        frameborder="no"
        border="0"
        marginwidth="0"
        marginheight="0"
        width="330"
        height="86"
        src="https://music.163.com/outchain/player?type=2&id=480353&auto=1&height=66"
      ></iframe>
    </div>
    <div class="bgcolor">
      <div style="z-index: 100" id="dowebok">
        <!--第一屏-->
        <div class="section">
          <div class="ly-box01">
            <div class="ly-txt01">
              <p class="ly-stxt01">
                你的生日就在今天，祝你可爱依旧，快乐多多！ 
              </p>
              <p class="ly-stxt02">愿你三冬暖，愿你春不寒，</p>
              <p class="ly-stxt03"> 愿你天黑有灯，下雨有伞，</p>
              <p class="ly-stxt04">愿你一路上，有良人相伴，</p>
              <p class="ly-stxt05">愿你道路漫长，归来仍是少年。</p>
              <p class="ly-stxt05">祝你生日快乐。</p>
            </div>
            <!-- <div class="ly-txt02">
              <p class="ly-stxt06"></p>
              <p class="ly-stxt07">XXXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="ly-stxt08">XXXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="ly-stxt09">XXXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="ly-stxt10">XXXXXXXXXXXXXXXXXXXXXXX</p>
            </div> -->
          </div>
        </div>

        <!--第二屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box11">
            <div class="ly-txt11">2014年9月</div>
            <div class="ly-txt12 txt14fsly">开始认识你这个大傻子</div>
            <div class="ly-imgbox11">
              <img class="ly-img11" src="img/01.jpg" />
            </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box12">
            <div class="ly-txt13">2014-2021</div>
            <div class="ly-txt14 txt14fsly">
              <p>也不少年了哈</p>  
              <p>咱俩是真没什么好说的了哈 懂得都懂了</p>
              <p>请欣赏我从百度复制的土味文字祝福</p>
              <p>今天是你的生日</p>
              <p>愿所有的幸福都围绕着你</p>
              <p>左边是甜蜜，右边是满足</p>
              <p>愿所有的如意都围绕着你</p>
              <p>前边是平安，后面是健康</p>
              <p>祝你生日快乐！</p>
              <!-- <p>XXXXXXXXXXXXXXXXXXXXXXXXX</p> -->
            </div>
          </div>
          <div class="ly-triangle12"></div>
        </div>

        <!--第三屏-->
        
        
        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>  
          <div class="ly-box21">
            <div class="ly-txt21 txt14fsly">祝你生日快乐</div>
            <div class="ly-txt22 txt14fsly">
              <p>🎂“生”逢盛世</p>
              <p>🍰“日”新月异</p>
              <p>🍫“快”乐生活</p>
              <p>🍬“乐”不思蜀</p>
              <p>🎂 ʜᵃᵖᵖᵞ ʙⁱʳᵗʰᵈᵃᵞ </p>
            </div>
            <div class="ly-imgbox21">
              <img class="ly-img21" src="img/01.png" />
            </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
            <div class="ly-txt23 txt14fsly">祝你笑口常开</div>
            <div class="ly-txt24 txt14fsly">
              <p>🍯幸福美满</p>
              <p>🍺生活如意</p>
              <p>🍭工作顺心</p>
              <p>🍹事业有成 </p>
              <p>🍻万事大吉</p>
            </div>
            <div class="ly-imgbox22">
              <img class="ly-img22" src="img/02.png" />
            </div>
          </div>
          <div class="ly-triangle22"></div>
          
          <div class="ly-box23">
            <div class="ly-txt25">2021年11月2号</div>
            <div class="ly-txt26 txt14fsly">
              <p>🍓你又不是今天生日（小声bb）</p>
              <p>🍰还得祝你生日快乐,小武早点找个男朋友</p>
              <p>🍬省的整天欺负我这个大冤种</p>
            </div>
            <div class="ly-imgbox23">
              <img class="ly-img23" src="img/03.png" />
            </div>
          </div>
          <div class="ly-triangle23"></div>
        </div>

        <!--第四屏-->
<!-- 
        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint31"></div>
          <div class="ly-box31">
            <div class="ly-txt31">201X-1X-2X</div>
            <div class="ly-txt32">
              <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox31">
              <img class="ly-img31" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle31"></div>

          <div class="ly-box32">
            <div class="ly-txt33">201X-1X-2X</div>
            <div class="ly-txt34">
              <p>XXXXXXXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox31">
              <img class="ly-img31" src="img/1.png" />
            </div>
          </div>
          <div class="ly-triangle32"></div>
        </div> -->

        <!--第五屏-->
        <!-- <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box52">
            <div class="ly-txt21">2015-01-01</div>
            <div class="ly-txt22">
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox21">
              <img class="ly-img21" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
            <div class="ly-txt23">201X-0X-1X</div>
            <div class="ly-txt51">
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox22">
              <img class="ly-img22" src="img/1.png" />
            </div>
          </div>
          <div class="ly-triangle22"></div>

          <div class="ly-box51">
            <div class="ly-txt25">201X-0X-1X</div>
            <div class="ly-txt26">
              <p>XXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox23">
              <img class="ly-img23" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle23"></div>
        </div> -->

        <!--第六屏-->
        <!-- <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box21">
            <div class="ly-txt21">201X-0X-1X</div>
            <div class="ly-txt22">
              <p>XXXXXXXXXX</p>
              <p>XXXXXXXXXX</p>
              <p>XXXXXXXXXX</p>
              <p>XXXXXXXXXX</p>
              <p>XXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox21">
              <img class="ly-img21" src="img/1.png" />
            </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
            <div class="ly-txt23">201X-0X-2X</div>
            <div class="ly-txt24">
              <p>XXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox22">
              <img class="ly-img22" src="img/1.png" />
            </div>
          </div>
          <div class="ly-triangle22"></div>

          <div class="ly-box23">
            <div class="ly-txt25">201X-0X-2X</div>
            <div class="ly-txt61">
              <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1" style="display: none">
                你想要的，我能给的，我都会给你。
              </p>
            </div>
            <div class="ly-imgbox61">
              <img class="ly-img61" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle23"></div>
        </div> -->

        <!--第七屏-->
        <!-- <div class="section">
          <div class="timeline"></div>
          <div class="timepoint71"></div>
          <div class="ly-box21 xx71">
            <div class="ly-txt21">201X-0X-3X</div>
            <div class="ly-txt22">
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox21">
              <img class="ly-img21" src="img/1.png" />
            </div>
          </div>
          <div class="ly-triangle21 xx72"></div>

          <div class="ly-box71">
            <div class="ly-txt23">201X-0X-0X</div>
            <div class="ly-txt71">
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox71">
              <img class="ly-img71" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle22"></div>

          <div class="ly-box72">
            <div class="ly-txt25">201X-0X-1X</div>
            <div class="ly-txt72">
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox72">
              <img class="ly-img72" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle71"></div>

          <div class="ly-box73">
            <div class="ly-txt25">201X-0X-1X</div>
            <div class="ly-txt73">
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox73">
              <img class="ly-img73" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle72"></div>
        </div> -->

        <!--第八屏-->

        <!-- <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box81">
            <div class="ly-txt11">201X-0X-1X</div>
            <div class="ly-txt82">
              <p>XXXXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox81">
              <img class="ly-img81" src="img/1.png" />
            </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box82">
            <div class="ly-txt13">2015-06-18</div>
            <div class="ly-txt84">
              <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>
            </div>
          </div>
          <div class="ly-triangle82"></div>
        </div> -->

        <!--第九屏-->

        <!-- <div class="section">
          <div class="timeline"></div>
          <div class="timepoint91"></div>
          <div class="ly-box21 xx91">
            <div class="ly-txt21">201X-0X-2X</div>
            <div class="ly-txt90">
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox21 xx94">
              <img class="ly-img21" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle21 xx92"></div>

          <div class="ly-box91">
            <div class="ly-txt23">201X-0X-2X</div>
            <div class="ly-txt91">
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox91">
              <img class="ly-img91" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle22 xx92"></div>

          <div class="ly-box92">
            <div class="ly-txt25">201X-0X-2X</div>
            <div class="ly-txt92">
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox92">
              <img class="ly-img92" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle91"></div>

          <div class="ly-box93">
            <div class="ly-txt25">201X-0X-2X</div>
            <div class="ly-txt93">
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox93">
              <img class="ly-img93" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle92"></div>
        </div> -->
        <!--第十屏-->
<!-- 
        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box81">
            <div class="ly-txt11">201X-0X-0X</div>
            <div class="ly-txt82" style="top: 8%">
              <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox81">
              <img class="ly-img81" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box82">
            <div class="ly-txt13">201X-0X-1X</div>
            <div class="ly-txt84">
              <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
            </div>
          </div>
          <div class="ly-triangle82"></div>
        </div>
      </div> -->
      <!--动态方块-->
      <!-- <ul class="bg-bubbles">
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
      </ul> -->
    </div>
    <!-- <audio muted src="music/1.mp3" autoplay="autoplay" loop="loop"></audio> -->
    <audio src="music/1.mp3" autoplay="autoplay" loop="loop"></audio>
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <!-- <script src="js/auto-play.js"></script> -->
    <script src="js/memories.js"></script>
  </body>
</html>
